/*
 * Copyright 2012 Clement Sannicolo <clement.sannicolo@gmail.com>
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

Ext.define('Ext.ux.form.field.Search', {
	extend: 'Ext.form.field.Text',
	alias: 'widget.form.field.Search',

	initComponent: function()
	{
		Ext.applyIf(this, {
			minChar: 3,
			autoSearch: true,
			delay: 500
		});

        this.addEvents('search');
        this.on('specialkey', this.onSpecialkey, this);
        if (this.autoSearch == true) {
        	this.enableKeyEvents = true;
        	this.on('keyup', this.onKeyup, this);
        }

		this.callParent(arguments);
	},

	onSpecialkey: function(field, event, options)
	{
		if(event.getKey() == event.ENTER) {
			this.search();
		}
	},

	onKeyup: function(field, event, options)
	{
		var keywords = this.getValue().keywords(this.minChar),
			query = keywords ? keywords.join(' ') : '';

			console.log(query);
		if (query != this.oldQuery) {
			clearTimeout(this.timer);
			var me = this;
			this.timer = setTimeout(function() {
				me.search(query);
			}, this.delay);
		}
	},

	clear: function()
	{
		if (this.getValue() != '') {
			this.setValue('');
			if (this.editable) { 
				this.focus();
			}
			this.search('');
		}

		return this;
	},

	search: function(query)
	{
		if (query == undefined) {
			var keywords = this.getValue().keywords(this.minChar),
				query = keywords ? keywords.join(' ') : '';
		}

		clearTimeout(this.timer);
		this.oldQuery = query;
		this.fireEvent('search', this, query);

		return this;
	}
});